
/* Copyright Sébastien Pelletier 2010 */
/* Created May 27th 2010*/
/* sebastienpelletier@videotron.ca */


/* General 
******************/
* { 
	margin: 0;
	padding: 0;
	border: 0 none; 
}
body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: #e8ebf2;
	padding: 0 0 20px 0; 
}
h1 { 
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	color: #4D4C4C;
	font-size: 3.8em;
	margin: 0;
	padding: 0; 
}
.home h1 { 
	text-indent: -999em;
	overflow: hidden;
	margin: 0;
	border: 0;
	height: 0; 
}
h2 { 
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	border-bottom: 1px solid #BDBDBD;
	color: #597EA8;
	font-size: 1.5em;
	margin: 0 0 20px;
	padding: 0 0 10px; 
}
h3 { 
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #4D4C4C;
	margin: 0 0 10px 0;
	clear: both;
	width: 100%; 
}
h4 { 
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	color: #2F5A93;
	font-size: 1.4em; 
}
p { 
	clear: both;
	padding: 0 0 10px 0;
	color: #343434;
	font-size: 1.2em; 
}
a { 
	outline: 0;
	color: #567989; 
}
span { 
	font-size: 1.1em;
 }
acronym { 
	text-decoration: none; 
}
ul, li { 
	list-style: none; 
}
ol { 
	list-style-position: inside; 
}
ol li { 
	padding: 0 0 10px 10px; 
}


/* Header
******************/
#header_wrapper { 
	width: 100%;
	background: url(../images/master_sprite.png) no-repeat 0 0; 
	border-bottom: 1px solid #5185b9;
}
#header_container {
	 margin: 0 auto;
	 width: 960px;
	 height: 117px; 
}
a.logo img { 
	margin: 20px 0 0 0; 
}

/* Search bar 
******************/
#login_bar { 
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	float: right;
	color: #fff;
	width: auto;
	margin: 0 0 13px 0;
	height: 18px;
	background-color: #f38449;
	background-image: -moz-linear-gradient(100% 100% 90deg, #f38449, #f8af74);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f38449), to(#f8af74));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f38449, endColorstr=#f8af74);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f38449, endColorstr=#f8af74)";
	-moz-border-radius: 0 0 5px 5px;
	border: 1px solid #cf8739;
	border-top: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 0 1px 1px #a86e4a;
	padding: 2px 5px 0 5px;
	box-shadow: 0 0 2px #909090;
	-moz-box-shadow: 0 0 2px #94632d;
	-webkit-box-shadow: 0 0 2px #94632d;
}
#login_bar a { 
	color: #fff;
	text-decoration: none; 
}


/* Main container 
******************/
#content_wrapper { 
	width: 100%; 
	border-top: 1px solid #46729e;
}
#wrapper { 
	margin: 0 auto;
	width: 960px; 
}
#site_container { 
	float: left;
	width: 960px;
	padding: 0;
	margin: 0 0 30px 0; 
}


/* Main navigation
******************/
#nav_wrapper { 
	width: 100%;
	background-color: #4577a7;
	background-image: -moz-linear-gradient(100% 100% 90deg, #4274a5, #719ecb);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4274a5), to(#719ecb));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#4274a5, endColorstr=#719ecb);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#4274a5, endColorstr=#719ecb)";
	border-top: 1px solid #8fb8e0;
	border-bottom: 1px solid #628fbb;
}
#nav_container { 
	margin: 0 auto;
	width: 960px;
	height: 28px; 
}
#nav ul { 
	font-weight: bold;
	font-size: 1.4em;
	text-transform: uppercase;
	float: left;
	width: 960px;
	height: 30px; 
}
#nav ul li { 
	float: left;
	width: auto;
	margin: 0 15px 0 0;
	text-shadow: 0 1px 1px #0c2744;
	height: 24px;
	padding: 6px 0 0 0;
	margin: 0 30px 0 0; 
}
#nav ul li.last_child {
	 margin: 0; 
}
#nav ul li a { 
	color: #fff;
	text-decoration: none; 
}
#nav { 
	float: left;
	width: 960px;
	height: 30px; 
}


/* Main & Secondary content
******************/
#main_content { 
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	clear: both;
	width: 960px;
	background: #fff;
	margin: 40px 0 0 0;
	box-shadow: 0 0 5px #acacac;
	-moz-box-shadow: 0 0 5px #595959;
	-webkit-box-shadow: 0 0 5px #595959;
	overflow: hidden;
	position: relative; 
}
#main_content, #secondary_content { 
	padding: 35px;
	width: 890px; 
}

.home #main_content { 
	-moz-border-radius: 5px 5px 5px 0;
	border-radius: 5px 5px 5px 0;
	-webkit-border-radius: 5px 5px 5px 0;
	height: 305px; 
}
.home #main_content h2 { 
	color: #4d4c4c;
	font-size: 3.8em;
	padding: 0;
	margin: 0;
	border: 0; 
}
.home #main_content h3 { 
	color: #597ea8;
	font-size: 1.5em;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #bdbdbd; 
}

.blog_post #main_content h1 { 
	color: #4d4c4c;
	font-size: 2.5em; 
}
.blog_post #main_content h2 { 
	font-size: 1.1em;
	padding: 0 0 5px 0;
	margin: 0 0 17px 0; 
}
.blog_post #main_content h3, 
.blog_post #main_content p { 
	clear: none; 
}
.blog_post #main_content img { 
	float: left;
	margin: 0 15px 15px 0;
	width: 200px;
	height: 200px;
	border: 1px solid #BDBDBD;
	box-shadow: 0 0 5px #bfbfbf;
	-moz-box-shadow: 0 0 5px #bfbfbf;
	-webkit-box-shadow: 0 0 5px #bfbfbf;  
}

#secondary_content h2 { 
	color: #5e5e5e;
	font-size: 2.2em;
	padding: 0;
	margin: 0;
	width: 270px;
	border: 0; 
}
#secondary_content h3 { 
	color: #597ea8;
	font-size: 1.4em;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #bdbdbd;
	width: 270px; 
}
#secondary_content { 
	margin: 40px 0 20px 0;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	clear: both;
	background: #fff;
	box-shadow: 0 0 5px #595959;
	-moz-box-shadow: 0 0 5px #595959;
	-webkit-box-shadow: 0 0 5px #595959; 
}

.box_content { 
	float: left;
	width: 270px;
	margin: 0 40px 0 0; 
}
.box_content#recent_articles { 
	margin: 0; 
}











/* Footer
******************/
#footer { 
	float: left;
	color: #fff;
	width: 960px;
	clear: both;
	font-size: 1.1em;
	text-transform: uppercase;
	text-shadow: 0 1px 1px #000000; 
}